<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情页</title>
    <link rel="stylesheet" href="../css/product_detail.css">
    <link rel="stylesheet" href="../css/myheader.css">
    <link rel="stylesheet" href="../css/myfooter.css">
    <link rel="stylesheet" href="../../font_bek5hassunq/iconfont.css">
    <link href="../../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="../js/getheader.js"></script>

</head>

<body>
    <!-- 头部 -->
    <header></header>
    <!-- 商品展示 -->
    <div class="product-display">
        <div class="wrapper">
            <div class="preview">
                <div class="big-pic">
                </div>
                <div class="small-pic">
                </div>
                <div class="addlike">
                    <i class="iconfont">&#xe630;</i>
                    <p>收藏</p>
                </div>
            </div>
            <div class="preview-text">
                <h1 id="title-h1"></h1>
                <p class="p1"></p>
                <p class="p2">配件联欢惠</p>
                <div class="price"><dfn>¥</dfn> <s></s></div>
                <div class="support">
                    <dl>
                        <dt>支&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;持</dt>
                        <dd>
                            <span><i class="iconfont">&#xe639;</i>百城速达</span>
                            <span><i class="iconfont">&#xe639;</i>顺丰发货</span>
                            <span><i class="iconfont">&#xe639;</i>7天无理由退货</span>
                        </dd>
                    </dl>
                </div>
                <div class="transp">
                    <dl>
                        <dt>配送服务</dt>
                        <dd>
                            <div class="opt-div">
                                <select id="s1">
                                </select>
                                <select id="s2"></select>
                            </div>
                            <span>&nbsp;&nbsp;<i id="now"></i> 前下单并支付，预计后天送达</span>
                        </dd>
                    </dl>
                </div>
                <p class="service">本商品由 魅族 负责发货并提供售后服务<a href="#"><i class="iconfont">&#xe626;</i> 商城客服</a></p>
                <div class="sometype">
                    <dl>
                        <dt>型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</dt>
                        <dd id="product_type">
                        </dd>
                    </dl>
                </div>
                <div class="sometype colortype">
                    <dl>
                        <dt>颜色分类</dt>
                        <dd id="product_color">
                        </dd>
                    </dl>
                </div>
                <div class="num">
                    <dl>
                        <dt>数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</dt>
                        <dd>
                            <a href="#" id="reduce">-</a><input type="text" name="num" id="num" value="1"><a href="#"
                                id="add">+</a>
                        </dd>
                    </dl>
                </div>
                <div class="buy">
                    <a href="../html/myError.html" id="buynow">立即购买</a>
                    <a href="#" id="add-to-car">加入购物车</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 商品细节 -->
    <div class="product-intro">
        <div class="wrapper">
            <h2>商品详情</h2>
            <img src="../img/product-detail-intro.jpg" alt="">
        </div>
    </div>
    <!-- 尾部 -->
    <footer></footer>
</body>

<script src="../../bootstrap-3.3.7-dist/js/jquery.min.js"></script>
<script src="../../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../../node_modules/jquery/dist/jquery.js"></script>
<script src="../js/getfooter.js"></script>
<script src="../js/myheader.js"></script>
<script src="../js/cookie.js"></script>
<script src="../js/product_detail.js"></script>
<script src="../js/headNav.js"></script>

</html>